<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
我们学过的指令:
  v-bind :单向绑定解析表达式，可简写为 :xxx
  v-model : 双向数据绑定
  V-for：遍历数组/对象/字符串
  V-on：绑定事件监听，可简写为@
  V-if：条件渲染 (动态控制节点是否存存在)
  V-else：条件渲染 (动态控制节点是否展示)
  V-else-if：条件渲染 (动态控制节点是否展示)
  V-show：条件渲染 (动态控制节点是否展示)

 ### v-text
- **预期**：`string`
- **详细**：
  更新元素的 `textContent`。如果要更新部分的 `textContent`，需要使用 `{{ Mustache }}` 插值。

 ### v-html
- **预期**：`string`
- **详细**：
  更新元素的 `innerHTML`。**注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译**。如果试图使用 `v-html` 组合模板，可以重新考虑是否通过使用组件来替代。

### v-cloak
- **不需要表达式**
- **用法**：
  这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 `[v-cloak] { display: none }`
  一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕

  ### v-slot
- **缩写**：`#`
- **预期**：可放置在函数参数位置的 JavaScript 表达式 (在[支持的环境下](https://v2.cn.vuejs.org/v2/guide/components-slots.html#解构插槽-Props)可使用解构)。可选，即只需要在为插槽传入 prop 的时候使用。
- **参数**：插槽名 (可选，默认值是 `default`)
- **限用于**
  - `<template>`
  - [组件](https://v2.cn.vuejs.org/v2/guide/components-slots.html#独占默认插槽的缩写语法) (对于一个单独的带 prop 的默认插槽)
- **用法**：
  提供具名插槽或需要接收 prop 的插槽

  ### v-pre
- **不需要表达式**
- **用法**：
  跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。

  ### v-once
- **不需要表达式**
- **详细**：
  只渲染元素和组件**一次**。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能
-->
</body>
</html>
